<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>背景属性</title>
	<style type="text/css">
		.bg{
			width: 1200px;
			height: 1300px;
			border: 3px solid green;
			background-color: red;
			background-image: url('images/scholl_flower.jpeg');
			/*平铺方式*/
			background-repeat:no-repeat; 
			/*背景定位*/
			/*background-position:  50px 100px;*/
			/*background-position-x: 100px;*/
			/*background-position-y: 200px;*/
			/*关键字：top right bottom left center*/
			/*background-position: bottom right;*/
			/*百分比： 0% 50% 100%*/
			/*水平百分比的值 =  容器宽度的百分比- 背景图片宽度百分比*/
			/*background-position: 30% 60%;*/
			background-position: 270px 600px;
		}
	</style>
</head>
<body>
	<div class="bg">
		<p style="color:#fff;">mjj的女盆友</p>
	</div>
</body>
</html>